import Pubsub from 'pubsub-js'
import request from '../../utils/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    day: " ", // 天
    month: " ", // 月
    recommentList: [], // 存储推荐歌曲
    index:0,// 点击音乐下标
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 判断用户是否登录
    let userLogin = wx.getStorageSync('userInfo')
    if (!userLogin) { // 用户没有登录，出现提示信息
      wx.showToast({
        title: '请先登录',
        icon:'none',
        success: function () {
          wx.reLaunch({
            url: '/pages/login/login'
          })
        }
      })
    }

    // 动态修改日期
    this.setData({
      /* date.getDay()//星期几
         date.getDate()//当前是几号
       */
      day: new Date().getDate(),
      month: new Date().getMonth() + 1
    })

    // 调用推荐歌曲接口
    this.getRecommendList()

    // 订阅来自songDetail页面发布的消息
    Pubsub.subscribe("switchType",(msg,type) =>{
      // console.log(msg,type)
      let {recommentList,index} = this.data
      if(type==='pre'){ // 上一首
        // 如果是是第一首歌的情况，也就是下标为0,会跳到最后一首歌的下标
        (index==0)&&(index=recommentList.length)
        index-=1
      }else{ // 下一首
        // 如果是最后一首歌的情况，也就是下标为长度-1，那么下一首歌会到第一首歌
        (index==recommentList.length-1)&&(index=-1)
        index+=1
      }

      // 更新下标
      this.setData({
        index
      })

      // 将musicId回传给songDetail页面
      Pubsub.publish('musicId',recommentList[index].id)
    })
  },

  async getRecommendList() {
    let result = await request('/recommend/songs')
    // 更新数据
    this.setData({
      recommentList: result.data.dailySongs
    })
  },

  /* 点击每日推荐歌曲事件 */
  toSongDetail(event){
    // 获取点击歌曲的id
    let {song,index} = event.currentTarget.dataset;

    // 存储点击歌曲的下标
    this.setData({
      index
    })

    // 路由跳转
    wx.navigateTo({
      url:"/pages/songDetail/songDetail?musicId="+song.id
    })
  },




  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})